<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
<title>主页</title>
<link href="images/2010-09/16/layout.css" rel="stylesheet"
	type="text/css" />
<style type="text/css">
body {
	margin: 0 auto;
	font-size: 12px;
	font-family: Verdana;
	line-height: 1.5;
	background-color: #fafafa;
}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

img {
	border: 0px;
}

a {
	color: #05a;
	text-decoration: none;
}

a:hover {
	color: #f00;
}

/*body*/
#container {
	width: 1200px;
	margin: 0 auto;
	
}

/*header*/
#header {
	top: 0px;
	height: 50px;
	background: #CCFFCC;
	margin-bottom: 1px;
}

#nav {
	height: 30px;
	background: #CCFFCC;
	margin-bottom: 8px;
}

/*main*/
#maincontent {
	width: 1200px;
	height: auto;
	margin-bottom: 8px;
}

#main {
	float: left;
	width: 1000px;
	height: auto;
}

#activityGoods {
	float: left;
	width: 800px;
	height: auto;
	
}

#side {
	float: right;
	width: 200px;
	height: auto;
	/**background: #FFCC99;**/
}

/*footer*/
#footer {
	float: left;
	height: 30px;
	width: 1200px;
	
	background: #fafafa;
}
.links{
	float: left;
	height: 20px;
	width: 1200px;
	margin:5px;
	text-align:center;
	background: #fafafa;
}
/**搜索**/
#searchDiv {
	text-align: center;
}

/**活动推广**/
#activitySpread {
	float: left;
	width: 800px;
	height: 330px;
	background: #fafafa;
}

.activitySpread_main {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.activitySpread_img {
	width: 380px;
	height: 150px
}

/**商品推广**/
#goodsSpread {
	float: left;
	width: 800px;
	height: auto;
	background: #fafafa;
}

.goodsSpread_main {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.goodsSpread_f_left{
 width:300px; height:74px; float:left;
}
.goodsSpread_f_left ul{
 width:280px;
 }    
 .goodsSpread_f_left li{
  width:100px; float:left; display:block;
  }    
/**店铺推广**/
#shopSpread {
	float: right;
	width: 190px;
	height: auto;
	margin-left: 10px;
	background: #fafafa;
}

.shopSpread_main {
	margin-right: 5px;
	margin-bottom: 5px;
}

.shopSpread_img {
	float: left; /*图片向左浮动*/
	margin-right: 10px; /*图片右侧与文字的边距*/
	margin-bottom: 5px; /*图片下部与文字的边距*/
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div style="float: left;"><a href="javascript:bookmark()">加入收藏夹</a></div>
<div id="login"
	style="top: 0px; height: auto; width: 100%; right: 0px; text-align: right;">
用户名：<input type="text" id="username" name="user.username"
	style="width: 150px;"></input> 密码： <input type="password" id="password"
	name="user.password" style="width: 150px;"></input> <input
	type="button" name="login" value="登陆" onclick="login();"></input> <a
	href="${path}user/user_addUI.do">注册</a></div>


</div>

<div class="clearfloat"></div>
<div id="nav">
<div id="searchDiv"><input type="text" name="search" id="search"
	style="width: 600px;"></input> <input type="button" name="goods"
	id="serch_goods" value="搜索商品" onclick="search(this);"></input> <input
	type="button" name="shop" id="serch_shop" value="搜索店铺"
	onclick="search(this);"></input></div>
</div>
<div class="clearfloat"></div>
<div id="maincontent">
<div id="main">
<div id="activityGoods">
<div id="activitySpread">
<div class="activitySpread_title">

<div style="float: left;width: 100%">
					<div style="float: left"><h2>活动推广</h2> </div><div  style="float: right;"><h3><a>更多</a></h3></div>
				</div>
				<div  style="float: left;width: 100%">
				<hr />
				</div>

</div>
<div id="activitySpread_main">
<div class="activitySpread_main">
<div><a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
<img class="activitySpread_img"
	src="http://gtms04.alicdn.com/tps/i4/TB1Tq79FFXXXXbRaXXXQO4D5VXX-440-180.jpg"
	alt="购物主场-便宜有好货" /> </a> <a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
</a></div>
</div>
</div>

<div id="activitySpread_main">
<div class="activitySpread_main">
<div><a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
<img class="activitySpread_img"
	src="http://gtms04.alicdn.com/tps/i4/TB1Tq79FFXXXXbRaXXXQO4D5VXX-440-180.jpg"
	alt="购物主场-便宜有好货" /> </a> <a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
</a></div>
</div>
</div>

<div id="activitySpread_main">
<div class="activitySpread_main">
<div><a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
<img class="activitySpread_img"
	src="http://gtms04.alicdn.com/tps/i4/TB1Tq79FFXXXXbRaXXXQO4D5VXX-440-180.jpg"
	alt="购物主场-便宜有好货" /> </a> <a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
</a></div>
</div>
</div>


<div id="activitySpread_main">
<div class="activitySpread_main">
<div><a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
<img class="activitySpread_img"
	src="http://gtms04.alicdn.com/tps/i4/TB1Tq79FFXXXXbRaXXXQO4D5VXX-440-180.jpg"
	alt="购物主场-便宜有好货" /> </a> <a
	href="http://www.taobao.com/go/act/other/wdgwzhc.php?pid=mm_53589436_5854800_20560908">
</a></div>
</div>
</div>



</div>


<div id="goodsSpread">
<div class="goodsSpread_title">
<h2>商品推广</h2>
</div>
<div>
		<div style="float: left;width: 100%">
					<div style="float: left;width: 30%"><h3>最近浏览</h3> </div><div  style="float: left;width: 40%;text-align: center;"><h3>访问量 ^|^ TOP 12</h3></div><div  style="float: right;width: 30%;text-align: right;"><h3><a href="#">更多</a></h3></div>
				</div>
		<div  style="float: left;width: 100%">
			<hr/>
			</div>
		</div>
	<div style="float: left;width: 100%;height: auto;">
		<div class="goodsSpread_sacn" style="float: left;width: 200px;height: 200px;">
		<a>iphone5s手机壳iphone4s保护套
						苹果ip5超薄后盖可爱韩国糖果外壳</a>
		</div>
		<div class="goodsSpread_more_goods" style="float:left;width: 100px;height: auto;">
						<a
							href="http://redirect.simba.taobao.com/rd?w=unionnojs&f=http%3A%2F%2Fai.taobao.com%2Fauction%2Fedetail.htm%3Fe%3D%252BTFekhWlfpQjmraEDZVrLkaKm08gx5EnbaoUsqSSy3iLltG5xFicOdXrTUTgh9sMDPIwxrc30riPbH9cdIJzx%252FleSgdHUZJlWsdGmyHpgVpm0JFKVvBge%252BIZWR1bMnHu%26unid%3D53589436%26ptype%3D100010%26from%3Dbasic&k=5ccfdb950740ca16&c=un&b=alimm_0&p=mm_53589436_5854800_20560908">
						<img
							src="http://img02.taobaocdn.com/bao/uploaded/i2/T1HaNhFE8cXXXXXXXX_!!0-item_pic.jpg_80x80.jpg"
							alt="[春季热卖] iphone5s手机壳iphone4s保护套 苹果ip5超薄后盖可爱韩国糖果外壳" /> </a>
						 <a
							href="http://redirect.simba.taobao.com/rd?w=unionnojs&f=http%3A%2F%2Fai.taobao.com%2Fauction%2Fedetail.htm%3Fe%3D%252BTFekhWlfpQjmraEDZVrLkaKm08gx5EnbaoUsqSSy3iLltG5xFicOdXrTUTgh9sMDPIwxrc30riPbH9cdIJzx%252FleSgdHUZJlWsdGmyHpgVpm0JFKVvBge%252BIZWR1bMnHu%26unid%3D53589436%26ptype%3D100010%26from%3Dbasic&k=5ccfdb950740ca16&c=un&b=alimm_0&p=mm_53589436_5854800_20560908">
						</a><span style="text-align: center;">iphone5s手机壳iphone4s保护套
						苹果ip5超薄后盖可爱韩国糖果外壳</span>
		</div>
					<script type="text/javascript">
					
						var rightgoods=document.getElementsByClassName("goodsSpread_more_goods");
					
						var str=rightgoods[0].outerHTML;
						
						for(var i=0;i<11;i++){
							document.write(str);
							}
					</script>
					
	</div>



<div id="goodsSpread_main">
		
			<div id="goodsSpread_1f" class="goodsSpread_1f">
				<div style="float: left;width: 100%">
					<div style="float: left"><h3>1F 家电通信</h3> </div><div  style="float: right;"><h3><a>更多</a></h3></div>
				</div>
				<div  style="float: left;width: 100%">
				<hr />
				</div>
			<div class="goodsSpread_f">
				<div class="goodsSpread_f_left" style="float: left;width: 200px;">
				<ul>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
					<li><a href="#">往后</a></li>
				
				</ul>
				</div>
				<div class="goodsSpread_f_right" style="float: left;width: 600px;">
					<div class="goodsSpread_f_right_goods" style="float:left;width: 100px;height: auto;">
						<a
							href="http://redirect.simba.taobao.com/rd?w=unionnojs&f=http%3A%2F%2Fai.taobao.com%2Fauction%2Fedetail.htm%3Fe%3D%252BTFekhWlfpQjmraEDZVrLkaKm08gx5EnbaoUsqSSy3iLltG5xFicOdXrTUTgh9sMDPIwxrc30riPbH9cdIJzx%252FleSgdHUZJlWsdGmyHpgVpm0JFKVvBge%252BIZWR1bMnHu%26unid%3D53589436%26ptype%3D100010%26from%3Dbasic&k=5ccfdb950740ca16&c=un&b=alimm_0&p=mm_53589436_5854800_20560908">
						<img
							src="http://img02.taobaocdn.com/bao/uploaded/i2/T1HaNhFE8cXXXXXXXX_!!0-item_pic.jpg_80x80.jpg"
							alt="[春季热卖] iphone5s手机壳iphone4s保护套 苹果ip5超薄后盖可爱韩国糖果外壳" /> </a>
						 <a
							href="http://redirect.simba.taobao.com/rd?w=unionnojs&f=http%3A%2F%2Fai.taobao.com%2Fauction%2Fedetail.htm%3Fe%3D%252BTFekhWlfpQjmraEDZVrLkaKm08gx5EnbaoUsqSSy3iLltG5xFicOdXrTUTgh9sMDPIwxrc30riPbH9cdIJzx%252FleSgdHUZJlWsdGmyHpgVpm0JFKVvBge%252BIZWR1bMnHu%26unid%3D53589436%26ptype%3D100010%26from%3Dbasic&k=5ccfdb950740ca16&c=un&b=alimm_0&p=mm_53589436_5854800_20560908">
						</a><span style="text-align: center;">iphone5s手机壳iphone4s保护套
						苹果ip5超薄后盖可爱韩国糖果外壳</span>
					</div>
				<!-- 
					<script type="text/javascript">
					
						var goodsSpread=document.getElementsByClassName("goodsSpread_f_right_goods");
					
						var str1=goodsSpread[0].outerHTML;
						
						for(var i=0;i<5;i++){
							document.write(str1);
							}
					</script>
					 -->
					
			   </div>
			</div>
		</div>
			<script type="text/javascript">
					
						var rightgoods=document.getElementsByClassName("goodsSpread_1f");
					
						var str=rightgoods[0].outerHTML;
						
						for(var i=0;i<5;i++){
							document.write(str);
							}
			</script>
	
			
			
</div>
</div>

</div>




<div id="shopSpread">
	<div class="shopSpread_self">
	<div class="shopSpread_self_title">
	<h2>访问量店铺 TOP10</h2>
	</div>
	<div id="shopSpread_self_main" style="margin: 10px;">
	<div class="shopSpread_self_main">
	
	<ul>
	<li class="shopSpread_self_main_li">
	<a
		href="http://s.click.taobao.com/t?e=m%3D2%26s%3DnOM4Q8xPxoQcQipKwQzePDAVflQIoZepLKpWJ%2Bin0XJRAdhuF14FMR%2B70ITMI8ENxq3IhSJN6GSXxXwr7ajD271AdmGlj2tcrS2tF%2FEKoyM9HsswuhuHV7%2B%2FnTMQd1LA">
	2014年夏季阿依莲小香风欧根纱连衣裙夏短袖甜美蕾丝蓬蓬公主裙 </a>
	</li>
	<script type="text/javascript">
					
						var rightgoods=document.getElementsByClassName("shopSpread_self_main_li");
					
						var str=rightgoods[0].outerHTML;
						
						for(var i=0;i<5;i++){
							document.write(str);
							}
	</script>
	</ul>
	</div>
		
		
	</div>
	</div>
	<div class="shopSpread_taobao">
	
	
	</div>


<div class="shopSpread_title">
<h2>店铺推广 TOP10</h2>
</div>
<div id="shopSpread_main" style="margin: 10px;">
	<div class="shopSpread_main"><a
		href="http://s.click.taobao.com/t?e=m%3D2%26s%3DnOM4Q8xPxoQcQipKwQzePDAVflQIoZepLKpWJ%2Bin0XJRAdhuF14FMR%2B70ITMI8ENxq3IhSJN6GSXxXwr7ajD271AdmGlj2tcrS2tF%2FEKoyM9HsswuhuHV7%2B%2FnTMQd1LA">
	<img class="shopSpread_img"
		src="http://img04.taobaocdn.com/bao/uploaded/i4/TB1TeBHFVXXXXaxXVXXXXXXXXXX_!!0-item_pic.jpg_80x80.jpg"
		alt="2014年夏季阿依莲小香风欧根纱连衣裙夏短袖甜美蕾丝蓬蓬公主裙" /></a> <span><a
		href="http://s.click.taobao.com/t?e=m%3D2%26s%3DnOM4Q8xPxoQcQipKwQzePDAVflQIoZepLKpWJ%2Bin0XJRAdhuF14FMR%2B70ITMI8ENxq3IhSJN6GSXxXwr7ajD271AdmGlj2tcrS2tF%2FEKoyM9HsswuhuHV7%2B%2FnTMQd1LA">
	2014年夏季阿依莲小香风欧根纱连衣裙夏短袖甜美蕾丝蓬蓬公主裙 </a></span></div>
		<script type="text/javascript">
					
						var rightgoods=document.getElementsByClassName("shopSpread_main");
					
						var str=rightgoods[0].outerHTML;
						
						for(var i=0;i<5;i++){
							document.write(str);
							}
					</script>
		
	</div>
</div>

</div>
</div>
<div id="side">

网站公告


</div>

<div class="clearfloat"></div>
<div  style="float: left;width: 100%">
				<hr />
</div>
<div id="footer">

</div>
<div id="friendlylinks" class="links">
<a href="http://www.tmall.com/" target="_blank">天猫</a>|<a href="http://www.jd.com/" target="_blank">京东</a>|<a href="#" target="_blank">一号店</a>
</div>

<div id="links" class="links">
<a href="#" rel="nofollow" target="_blank">关于我们</a>|<a href="#" target="_blank">联系我们</a>|<a href="#" target="_blank">人才招聘</a>
</div>

</div>
</body>


<!--<div><a href="#"><img src="http://gtms04.alicdn.com/tps/i4/TB1Tq79FFXXXXbRaXXXQO4D5VXX-440-180.jpg" width="350px"><div-->
<!--	style="position: relative; display: block; width: 200px;height:100%; margin-top: -20px;filter: alpha(opacity=10);background-color: #f2f2f0">图片上的文字</div></a></div>-->




</html>
